<template>
  <div class="_supList">
    <van-cell v-for="(item,index) in avListMy" :key="index">
      <template #title>
        <div class="supListFlex">
          <van-image class="supListAvatar" round :src="item.headImgUrl" />
          <div>{{decodeutf16(item.nickname)}}</div>
        </div>
      </template>
    </van-cell>
  </div>
</template>

<script>
import { Cell, Image } from "vant";
import { utf16toEntities, uncodeUtf16 } from "@/js/utils";
export default {
  components: {
    [Cell.name]: Cell,
    [Image.name]: Image
  },
  computed: {
    avListMy() {
      return this.$store.state.activity.avListMy;
    }
  },
  methods: {
    decodeutf16(value) {
      return uncodeUtf16(value);
    }
  }
};
</script>

<style lang="scss" scoped>
._supList {
  min-height: 100vh;
  background-color: white;
  .supListFlex {
    display: flex;
    align-items: center;
    font-size: 32px;
    .supListAvatar {
      width: 64px;
      height: 64px;
      margin-right: 12px;
    }
  }
}
</style>